<style>
.page-content {
    padding-top: 30px;
}
</style>


<template>
    <div class="page-header-fixed page-sidebar-closed-hide-logo">
        <!-- BEGIN CONTAINER -->
        <div class="wrapper">
            <!-- BEGIN HEADER -->
            <header class="page-header">
                <nav class="navbar mega-menu" role="navigation">
                    <div class="container-fluid">
                        <navbar></navbar>
                        <menus></menus>
                    </div>
                </nav>
            </header>
            <!-- END HEADER -->
            <div class="container-fluid">
                <div class="page-content">
                    <router-view></router-view>
                </div>
                <!-- BEGIN FOOTER -->
                <foot></foot>                    
                <!-- END FOOTER -->
            </div>
        </div>
        <!-- END CONTAINER -->
        <!-- BEGIN QUICK SIDEBAR -->
        <!-- <sidebar></sidebar> -->
        <!-- END QUICK SIDEBAR -->
    </div>
</template>

<script>

import App from 'assets/global/scripts/app.js';
import Layout from 'assets/layouts/layout5/scripts/layout.js';
// import QuickSidebar from 'assets/layouts/global/scripts/quick-sidebar.js';

import Menus from './menus.vue';
import Navbar from './navbar.vue';
// import Sidebar from './sidebar.vue';
import Foot from './foot.vue';

export default {
    components: {
        Menus,
        Navbar,
        // Sidebar,
        Foot
    },
    mounted() {
        App.init();
        Layout.init();
        // QuickSidebar.init();
    }
}
</script>

<style>

</style>
